<ion-view left-buttons="leftButtons"
          cache-view="false">
  <ion-nav-title>
    {{'GRAPH.BLOCKCHAIN.TITLE' | translate}}
  </ion-nav-title>

  <ion-content scroll="true" class="padding" >



    <div class="list" >

      <!-- Monetary mass -->
      <ng-controller ng-controller="GpCurrencyMonetaryMassCtrl" >

        <div class="center padding" ng-if="loading">
          <ion-spinner icon="android"></ion-spinner>
        </div>

        <div class="item no-padding-xs" ng-if="!loading"
             ng-include="'plugins/graph/templates/currency/graph_monetary_mass.html'"
             ng-init="setSize(250, 1000)">
        </div>

        <div ng-if="!loading"
             class="item item-toggle dark no-border text-right">
          <span class="" translate>COMMON.BTN_RELATIVE_UNIT</span>
          <label class="toggle toggle-royal" id="helptip-currency-change-unit">
            <input type="checkbox" ng-model="formData.useRelative">
            <div class="track">
              <div class="handle"></div>
            </div>
          </label>
        </div>
      </ng-controller>

      <!-- DU -->
      <ng-controller ng-controller="GpCurrencyDUCtrl" >
        <div class="item no-padding-xs"
             ng-if="!loading"
             ng-include="'plugins/graph/templates/currency/graph_du.html'"
             ng-init="setSize(250, 1000)">
        </div>
      </ng-controller>

      <!-- Member count  -->
      <ng-controller ng-controller="GpCurrencyMembersCountCtrl" >
      <div class="item no-padding-xs"
           ng-if="!loading"
           ng-include="'plugins/graph/templates/currency/graph_members_count.html'"
           ng-init="setSize(250, 1000)">
      </div>


    </div>

  </ion-content>

</ion-view>
